<template>
  <div>
    <h3>父组件----{{ num }}</h3>

    <hr />
    <!-- <TestNum :value="num" @input="inputEvent"></TestNum> -->
    <!-- 
      v-model:能用于表单元素:input  select..还能用于组件
      条件：父传子参数名要是value   子传父绑定的方法名要是input,子触发的方法它是直接将value对应 的值改为传入参数的值
      v-model
         <子组件标签   v-model='变量'>
         <子组件标签   :value='变量'  @input="变量=$event">
     -->
    <TestNum v-model="num"></TestNum>
    <!-- <TestNum :value="num" @input="num = $event"></TestNum> -->
  </div>
</template>
<script>
import TestNum from '@/components/TestNum.vue'
export default {
  components: { TestNum },
  data () {
    return {
      num: 99
    }
  },
  methods: {
    // inputEvent (val) {
    //   this.num = val
    // }
  }
}
</script>
<style></style>
>
